<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>广西中职学校学生管理信息系统拓展升级项目</title>
  <link href="http://libs.baidu.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
  <link href="css/style.css" rel="stylesheet">
</head>

<body>
  <div id="app">
    <nav class="navbar navbar-inverse top-nav">
      <div class="container-fluid">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">广西中职学校学生管理信息系统</a>
          <div class="logined">
            <div class="message">
              <i class="glyphicon glyphicon-envelope"></i>
              <span class="badge">3</span>
            </div>
            <div class="headimg">
              <div class="dropdown">
                <img src="img/admin.jpg" alt="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <div class="dropdown-menu popover-content" aria-labelledby="dLabel">
                  <figure>
                    <img src="img/admin.jpg" alt="">
                    <figcaption>Admin</figcaption>
                  </figure>
                  <ul style="list-style: none">
                    <li>
                      <button class="btn btn-link"><i class="glyphicon glyphicon-pencil"></i>&nbsp; 密码修改</button>
                    </li>
                    <li>
                      <button class="btn btn-link"><i class="glyphicon glyphicon-wrench"></i>&nbsp; 个人设置</button>
                    </li>
                    <li>
                      <button class="btn btn-link"><i class="glyphicon glyphicon-envelope"></i>&nbsp; 消息管理</button>
                    </li>
                    <li>
                      <button class="btn btn-link"><i class="glyphicon glyphicon-log-out"></i>&nbsp; 退出登录</button>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="unlogined">
            <button class="btn btn-link" data-toggle="modal" data-target=".bs-modal-sm">登录</button> |
            <button class="btn btn-link">注册</button>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </nav>
    <main>
      <!-- Sidebar -->
      <div class="sidebar-all">
        <!-- 侧边栏隐藏时图标文字提示框 -->
        <div class="custom-tooltip">
          <div class="tooltip-inner"></div>
        </div>
        <!-- 侧边栏隐藏开关 -->
        <div class="toggle-button"><i class="glyphicon glyphicon-log-out"></i></div>
        <nav class="navbar side-nav" id="sidebar-wrapper" role="navigation">
          <div class="nav sidebar-nav">
            <!-- <div class="list-head">百色市右江区职业技术学校</div> -->
            <div class="panel-group" id="accordion">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#school">
                      <i class="fa fa-university"></i>
                      学校管理
                      <span class="caret"></span>
                    </a>
                  </h4>
                </div>
                <div id="school" class="panel-collapse collapse">
                  <ul class="panel-body list-group">
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('学校查询')">学校查询</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('基本信息')">基本信息</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('校区信息')">校区信息</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('院系设置')">院系设置</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('证照资质')">证照资质</a></li>
                  </ul>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#major">
                      <i class="fa fa-bar-chart"></i>
                      专业管理
                      <span class="caret"></span>
                    </a>
                  </h4>
                </div>
                <div id="major" class="panel-collapse collapse">
                  <ul class="panel-body list-group">
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('专业设置')">专业设置</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('专业备案')">专业备案</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('专业群')">专业群</a></li>
                  </ul>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#course">
                      <i class="fa fa-book"></i>
                      课程管理
                      <span class="caret"></span>
                    </a>
                  </h4>
                </div>
                <div id="course" class="panel-collapse collapse">
                  <ul class="panel-body list-group">
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('课程计划导入')">课程计划导入</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('课程设置')">课程设置</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('课程导出')">课程导出</a></li>
                  </ul>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#studentstatus">
                      <i class="fa fa-newspaper-o"></i>
                      学籍管理
                      <span class="caret"></span>
                    </a>
                  </h4>
                </div>
                <div id="studentstatus" class="panel-collapse collapse">
                  <ul class="panel-body list-group">
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('学籍管理')">学籍管理</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('新生报到')">新生报到</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('学籍注册')">学籍注册</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('学籍异动')">学籍异动</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('学籍统计')">学籍统计</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('学籍明细')">学籍明细</a></li>
                  </ul>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#score">
                      <i class="fa fa-star-half-o"></i>
                      成绩管理
                      <span class="caret"></span>
                    </a>
                  </h4>
                </div>
                <div id="score" class="panel-collapse collapse">
                  <ul class="panel-body list-group">
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('成绩导入')">成绩导入</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('成绩管理')">成绩管理</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('成绩导出')">成绩导出</a></li>
                  </ul>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#graduate">
                      <i class="fa fa-graduation-cap"></i>
                      毕业管理
                      <span class="caret"></span>
                    </a>
                  </h4>
                </div>
                <div id="graduate" class="panel-collapse collapse">
                  <ul class="panel-body list-group">
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('学校毕业审核')">学校毕业审核</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('主管部门毕业审核')">主管部门毕业审核</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('毕业证管理')">毕业证管理</a></li>
                  </ul>
                </div>
              </div>
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h4 class="panel-title">
                    <a data-toggle="collapse" data-parent="#accordion" href="#user">
                      <i class="fa fa-user"></i>
                      用户
                      <span class="caret"></span>
                    </a>
                  </h4>
                </div>
                <div id="user" class="panel-collapse collapse">
                  <ul class="panel-body list-group">
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('用户管理')">用户管理</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('角色管理')">角色管理</a></li>
                    <li class="list-group-item"><a href="javascript:void(0);" onclick="toPage('授权管理')">授权管理</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </nav>
      </div>
      <!-- /#sidebar-wrapper -->
      <div class="main-content">
        <!-- 标签页导航栏 -->
        <div class="top-tab-list">
          <div class="prev-arrow"><i class="glyphicon glyphicon-triangle-left"></i></div>
          <div class="next-arrow"><i class="glyphicon glyphicon-triangle-right"></i></div>
          <ul class="nav nav-tabs" role="tablist"></ul>
          <div class="delete-tab dropdown">
            <i class="glyphicon glyphicon-trash" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"></i>
            <ul style="list-style: none" class="dropdown-menu popover-content" aria-labelledby="dLabel">
              <li>
                <button class="btn btn-link">关闭当前</button>
              </li>
              <li>
                <button class="btn btn-link">关闭所有</button>
              </li>
            </ul>
          </div>
        </div>
        <!-- 面包屑导航 -->
        <ol class="breadcrumb"></ol>
        <iframe src="pages/course/input.html" frameborder="0"></iframe>
      </div>
    </main>
  </div><!-- /#app -->

  <!-- 模态框 -->
  <div class="modal bs-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" id="exampleModalLabel">登录</h4>
        </div>
        <div class="modal-body">
          <form>
            <div class="form-group">
              <label for="user-name" class="control-label">用户名:</label>
              <input type="text" class="form-control" id="user-name">
            </div>
            <div class="form-group">
              <label for="password" class="control-label">密码:</label>
              <input type="password" class="form-control" id="password">
            </div>
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" data-dismiss="modal">登录</button>
        </div>
      </div>
    </div>
  </div>
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  <script src="http://libs.baidu.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  <!-- <script src="js/bootstrap-modal.min.js"></script> -->
  <script src="js/script.js"></script>
</body>

</html>